<template lang="pug">
  div(v-if="props.pullDownRefresh"
    class="cube-pulldown-wrapper"
    v-bind:style="props.pullDownStyle")
    div(v-if="props.beforePullDown"
    class="before-trigger"
    v-bind:style="{paddingTop: props.bubbleY + 'px'}")
      span(v-bind:class="{rotate: props.bubbleY > 40}") ↓
    div(class="after-trigger" v-else)
      div(v-if="props.isPullingDown" class="loading")
        cube-loading
      div(v-else)
        span Refresh success
</template>
<script type="text/ecmascript-6">
  export default {
    props: {
      props: {
        type: Object
      }
    }
  }
</script>
<style scoped lang="stylus" type="text/stylus">
</style>
